<template>
  <div class="back-icon">
      <i 
      class="iconfont icon-arrow-left" 
      @click="goBack"
      v-show="backIconShow"
      ></i>
     
  </div>
</template>

<script>
export default {
  name:"HeaderBackIcon",
  props:{
     backIconShow:{
         type:Boolean,
         default(){
             return false
         }
     }
  },
  methods:{
      goBack(){
          this.$router.go(-1);
      }
  }
}
</script>

<style lang="scss" scoped>
.back-icon {
    display: flex;
    width: .44rem;
    height: .44rem;
    justify-content: center;
    align-items: center;
    color: #000;
}
</style>